<!DOCTYPE html>
<html>
<head>
	<title>分类信息网</title>
	<meta name="keywords" content="分类信息网"/>
	<meta name="description" content="分类信息网"/>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
	<script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
	<script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body style="background:#F6F6F6">
	<div class="container" >
		<div class="row clearfix">
			<div class="col-md-4 column">
				<img alt="140x140" src="static/images/logo.png" />
			</div>
			<div class="col-md-4 column">
				<h3>
					h3. 这是一套可视化布局系统.
				</h3>
			</div>
			<div class="col-md-4 column">
				<img alt="140x140" src="static/images/logo.png" />
			</div>
		</div>
		<div class="row clearfix">
			<div class="col-md-12 column">
				<nav class="navbar navbar-default" role="navigation">
					<div class="navbar-header">
						<a class="navbar-brand" href="#">XXXX分类网</a>
					</div>

					<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
						<ul class="nav navbar-nav">
							<li class="active">
								<a href="#">首页</a>
							</li>
							<li>
								<a href="#">分类1</a>
							</li>
							<li class="dropdown">
								<a href="#" class="dropdown-toggle" data-toggle="dropdown">分类2<strong class="caret"></strong></a>
								<ul class="dropdown-menu">
									<li >
										<a href="category/parent.html">子分类1</a>
									</li>
									<li>
										<a href="#">子分类2</a>
									</li>
									<li>
										<a href="#">子分类3</a>
									</li>
								</ul>
							</li>
						</ul>
						<form class="navbar-form navbar-right" role="search">
							<div class="form-group">
								<input type="text" class="form-control" />
							</div> <button type="submit" class="btn btn-default">Submit</button>
						</form>
					</div>
				</nav>
			</div>
		</div>
		<div class="row clearfix">
			<div class="col-md-8 column">
				<div class="row clearfix">
					<div class="col-md-12 column">
						<h3>最新文章</h3>
						<div class="row">
							<div class="col-md-4">
								<div class="thumbnail">
									<img alt="300x200" src="static/images/default4.jpg" />
									<div class="caption">
										<h3>
											Thumbnail label
										</h3>
										<p>
											Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
										</p>
										<p>
											<a class="btn btn-primary" href="content/article.html" target="_blank">详细>>></a> 
											<span >&nbsp;&nbsp;&nbsp;2018-4-21</span>
										</p>
									</div>
								</div>
							</div>
							<div class="col-md-4">
								<div class="thumbnail">
									<img alt="300x200" src="static/images/default5.jpg" />
									<div class="caption">
										<h3>
											Thumbnail label
										</h3>
										<p>
											Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
										</p>
										<p>
											<a class="btn btn-primary" href="category/parent.html" target="_blank">详细>>></a> 
											<span >&nbsp;&nbsp;&nbsp;2018-4-21</span>
										</p>
									</div>
								</div>
							</div>
							<div class="col-md-4">
								<div class="thumbnail">
									<img alt="300x200" src="static/images/default6.jpg" />
									<div class="caption">
										<h3>
											Thumbnail label
										</h3>
										<p>
											Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
										</p>
										<p>
											<a class="btn btn-primary" href="category/parent.html" target="_blank">详细>>></a> 
											<span >&nbsp;&nbsp;&nbsp;2018-4-21</span>
										</p>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="col-md-4 column">
				<div class="list-group">
					<a href="#" class="list-group-item active">最热</a>
					<div class="list-group-item">
						<a href="category/parent.html" >Thumbnail label</a>
						<span class="badge">1400</span>
					</div>
					<div class="list-group-item">
						<a href="category/parent.html" >Thumbnail label</a>
						<span class="badge">1400</span>
					</div> 
				</div>
			</div>
		</div>
		<footer class="row clearfix">
			<div class="col-md-12 column">
				<hr>
				<p>
					声明：本站所有资源仅用于学习及研究使用,切勿用于商业用途,如产生法律纠纷本站概不负责!资源除标明原创外均来自网络转载,版权归原作者所有,如侵犯到您权益请联系本站删除!
				</p>
				<p>
					<a href="https://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&email=946817112@qq.com" target="_blank">联系我们</a>
				</p>
			</div>
		</footer>
	</div>

</body>
</html>